<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="res/layui/css/layui.css">
<link rel="stylesheet" type="text/css" href="res/css/main.css">
<link rel="stylesheet" href="res/css/index.css">
<link rel="stylesheet" href="custom/css/bloger.css">
<title>赛程安排</title>
<style>
	.all{
		width:100%;
		margin-top:10px;
		height:30px;
		background-color:#6699ff
	}
	.lower{
		width:100%;
		background-color:#FFFFFF
	}
	.cardbody{
		height:250px;
		line-height:30px;
		margin-top:20px;
		border-bottom:1px solid #bfbfbf;
	}
</style>
</head>
<body>

	<!-- 导入导航栏 -->
	<div class="layui-container" style="width:100%">
	  	<%@ include file="header.jsp" %> 
  	</div>
  	
  	<div class="layui-container all"><p class="news"><a href="arrange.action">赛事安排</a> > <a href="#">赛事详情</a></p></div>
	  <div class="layui-container lower">
		    <div class="layui-row layui-col-space12">
		    	
		    	<!-- 面板 -->
				<div class="layui-card layui-col-space8" style="margin:0 auto;width:70%;">
					<c:forEach items="${arrangelist }" var="obj" begin="0" end="9" step="1">
				   		<div class="layui-card-body cardbody">
					   		<div style="width:30%;float:left;">
					   			<img alt="" src="${obj.photonote }" height="200px" width=100%>
					   		</div>
							<div style="width:60%;float:right;">
								<h1><span>【${obj.projectname }】</span></h1>
								<br>
								<p>
									发布时间：<span>${obj.newtime }</span>
								</p>
								<p>
									比赛项目：<span>${obj.projectname }</span>
								</p>
								<p>
									比赛场地：<span>${obj.venue }</span>
								</p>
								<p>
									比赛时间：<span>开始时间：${obj.starttime } —— ${obj.endtime }</span>
								</p>
								<br>
								<c:if test="${obj.competitionstatus == 1 }">
									<p>
										比赛状态：
										<button class="layui-btn layui-btn-warm layui-btn-radius"><span>未开始</span></button>									
									</p>
								</c:if>
								<c:if test="${obj.competitionstatus == 2 }">
									<p>
										比赛状态：
										<button class="layui-btn layui-btn-warm layui-btn-radius"><span>正在进行...</span></button>									
									</p>
								</c:if>
								<c:if test="${obj.competitionstatus == 3 }">
									<p>
										比赛状态：
										<button class="layui-btn layui-btn-warm layui-btn-radius"><span>已结束</span></button>									
									</p>
								</c:if>
							</div>
						</div>
					</c:forEach>
			   	</div>
			</div>
		</div>
  	<!-- footer部分 -->
	<div class="layui-container" style="width:100%;margin-top:10px;">
	  	<%@ include file="footer.jsp" %> 
  	</div>
<script src="res/layui/layui.js"></script>
</body>
</html>